import { Card, Divider, Image, Header, ScrollView, TopView, GroupList, Space, Button } from 'pd-taro-ui';
import Taro from '@tarojs/taro';

export default function CardExample() {
  return (
    <TopView>
      <Header title='Card' />
      <ScrollView>
        <GroupList>
          <GroupList.Item title='基础用法'>
            <Card>
              <Space>
                <Card.Title>【长沙-杜鹃万达广场店】</Card.Title>
                <Space row>
                  <Image
                    style={{ width: Taro.pxTransform(200), height: Taro.pxTransform(240) }}
                    preview
                    radiusType='round-min'
                    src='https://img0.baidu.com/it/u=1684532727,1424929765&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1681318800&t=50301360a9bd698d5f29da34ffb5cbb0'
                  />
                </Space>
                <Divider type='dashed' padding={0} />
                <Space row justify='end'>
                  <Button size='m'>立即开门</Button>
                  <Button size='m'>查看详情</Button>
                </Space>
              </Space>
            </Card>
          </GroupList.Item>
        </GroupList>
      </ScrollView>
    </TopView>
  );
}
